@use "sass:math";

@debug 100;
@debug 0.8;
@debug 16px;
@debug 5px * 2px;
@debug 5.2e3;
@debug 6e-2;


// 当两个数字相乘时，它们的单位也会相乘。当一个数字除以另一个数字时，结果会从第一个数字的单位中获取分子单位，从第二个数字的单位中获取分母单位。
@debug math.div(5px, 2s); // 2.5px/s

// 3.125px*deg/s*em
@debug 5px * math.div(math.div(30deg, 2s), 24em);

$degrees-per-second: math.div(20deg, 1s);
@debug $degrees-per-second; // 20deg/s
@debug math.div(1, $degrees-per-second); // 0.05s/deg


// Sass 会自动在兼容的单位之间进行转换，但结果选择哪个单位取决于你使用的 Sass 实现。

@debug 1in + 6px; // 102px or 1.0625in

@debug 1in + 1s; // Error: Incompatible units s and in.


$transition-speed: math.div(1s, 50px);

@mixin move($left-start, $left-stop) {
  position: absolute;
  left: $left-start;
  transition: left ($left-stop - $left-start) * $transition-speed;

  &:hover {
    left: $left-stop;
  }
}

.slider {
  @include move(10px, 120px);
}